/* footer */

footer
 {
  color: black !important;
  padding: 50px 0;
  font-family: "Lato", sans-serif;
  background-color: #edeff1;
}
footer .footer-logo img
{
  width: 250px;
  height: 150px;
}

footer p,
footer ul li a {
  font-size: 0.8em;
}

footer ul li {
  margin-bottom: 10px;
  list-style: none;
}

footer h6 {
  text-transform: uppercase;
  margin-bottom: 30px;
}

footer strong {
  color: #b48f31;
}

footer p strong {
  color: #b48f31;
  font-size: 1.2em;
  font-weight: 600;
}

@media only screen and (max-width: 600px) {
  footer .address > div {
    width: 33%;
    float: left;
    margin: 2px;
  }
  footer ul {
    padding: 0;
    display: flex;
    justify-content: space-between;
  }
  .footer-map
  {
    margin-left: 20px;
    width: 300px !important;
    height: 150px !important;
  } 
}

footer ul li::before {
  content: "\2022";
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: inline-block;
  width: 1em;
}

footer ul li a:hover {
  color: rgb(167, 94, 0);
  text-decoration: none;
  transition: 0.2s;
}

footer .social-icons {
  display: flex;
  margin-top: 40px;
 
}

footer .social-icons > a {
  flex: 1;
  text-align: center;
  
  padding: 2px;
  font-size: 1.25em;
}

footer .footer-map
{
  border: 1px solid black;

  height: auto;
}

footer .social-icons > a:nth-child(1) {
  background-color:  #25d377;
}

footer .social-icons > a:nth-child(2) {
  background-color: #3B5998;
}

footer .social-icons > a:nth-child(3) {
  background-color:rgb(249, 102, 151);
}

/* footer .social-icons > a:nth-child(4) {
  background-color: rgb(0, 132, 219);
}

footer .social-icons > a:nth-child(5) {
  background-color: rgb(255, 56, 56);
}

footer .social-icons > a:nth-child(6) {
  background-color: red;
} */

@media (min-width: 601px) and (max-width: 767px) 

{
  .footer-map
  {
    margin-left: 20px;
    width: 500px;
    height: 300px;
  } 
}

@media (min-width: 768px) and (max-width: 946px)
{
  .footer-map
  {
    margin-left: 20px;
    width: 200px;
    height: 200px;
  } 
}

